<template>
  <div>
    <BaseTable :columns="columns" :data="list" :pagination="false"></BaseTable>
  </div>
</template>

<script>
import BaseTable from '@/components/BaseTable/index.vue'
export default {
  name: 'repaymentHistoryDetail',
  components: {
    BaseTable,
  },
  data() {
    return {
      list: [],
      columns: [
        { label: '流水号', prop: 'thirdNo' },
        { label: '平台还款流水号', prop: 'repayNo' },
        { label: '还款时间', prop: 'repayDate' },
        { label: '还款本金(元)', prop: 'principal' },
        { label: '利息', prop: 'interest' },
      ],
    }
  },
  methods: {
    async getDetailRequest() {
      const { repaymentList } = await this.$http.get(`/drawdowns/records/${this.$route.query.drawdownId}`)
      this.list = repaymentList
    },
  },
  mounted() {
    this.getDetailRequest()
  },
}
</script>

<style lang="scss" scoped></style>
